@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

.max_width100{ max-width:100%;}
.up640{ display:block;}
.down640{ display:none;}

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ width:100%; height:100px; overflow:hidden; position:relative;}
.logo{ float:left; margin-left:4%; display:block; margin-top:22px;}

.search{ float:right; width:23px; height:100px; margin-right:4%; position:relative; z-index:1000;}
.search1{ float:right; display:block; margin-top:43px; cursor:pointer; margin-right:4px;}
.search2{ width:220px; height:30px; border:1px solid #999; overflow:hidden; position:absolute; top:-30px; right:32px; background:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.search_opacity{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:39px;}
.search3{ float:left; width:165px; height:30px; line-height:30px; font-family:"微软雅黑"; color:#666; border:0; outline:none; padding-left:15px; font-size:13px;}
.search4{ float:left; width:40px; height:30px; border:0; background:url(../images/search.jpg) center center no-repeat; outline:none; cursor:pointer;}
.search_close{ width:28px; height:28px; border:1px solid #0054a7; position:absolute; right:0; top:40px; background:url(../images/search1.png) center center no-repeat #FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; display:none;}

.index_nav{ float:right;}
.index_nav li{ float:left; margin-right:50px;}
.index_nav li a{ font-size:16px; color:#444; display:block; height:100px; line-height:110px;}
.index_nav li a:hover{ color:#28479d;}
.index_nav li .a_on{ color:#28479d;}

.mobile_bg{ display:none;}

/* banner css */
.slideBox{ width:100%; height:470px; overflow:hidden; position:relative; display:block;}
.slideBox .hd{ width:100%; height:14px; position:absolute; left:0; bottom:40px; z-index:1; text-align:center;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:table; margin:0 auto;}
.slideBox .hd ul li{ float:left; width:14px; height:14px; cursor:pointer; margin:0 15px; background:#ffffff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.slideBox .hd ul li.on{ background:#c40b1c;}
.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:470px; zoom:1; vertical-align:middle;}

.swiper-container { display:none;}

.index1{ width:100%; overflow:hidden; padding:85px 0 65px 0;}
.index1_1{ width:1024px; margin:0 auto; overflow:hidden;}
.index1_2{ width:100%; overflow:hidden;}
.index1_3{ font-size:26px; color:#444444; line-height:26px;}
.index1_4{ font-size:14px; color:#999999; font-family:"Arial"; line-height:14px; margin-top:12px;}

.index1_l{ float:left; width:52%; overflow:hidden; margin-top:50px; display:block; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l1{ display:block; margin:25px auto 0 auto; width:90%; height:261px;}
.index1_l2{ width:90%; margin:0 auto; overflow:hidden; padding:20px 0;}
.index1_l3{ float:left; width:10%;}
.index1_l4{ float:left; width:100%; height:33px; line-height:34px; font-size:18px; font-family:"Arial"; color:#444; border-bottom:1px solid #c5c5c5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l5{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l6{ float:left; width:86%; text-align:left; padding:0 0 0 4%;}
.index1_l7{ float:left; width:100%; height:34px; line-height:34px; font-size:16px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l8{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l:hover{ background:#28479d;}
.index1_l:hover .index1_l4{ color:#FFF; border-bottom:1px solid #FFF;}
.index1_l:hover .index1_l5{ color:#FFF;}
.index1_l:hover .index1_l7{ color:#FFF;}
.index1_l:hover .index1_l8{ color:#FFF;}

.index1_r{ float:right; width:46%; margin-top:50px; overflow:hidden;}
.index1_r li{ float:left; width:100%; overflow:hidden; margin-top:17px;}
.index1_r li:first-child{ display:none;}
.index1_r li:nth-child(2){ margin-top:0;}
.index1_r li a{ display:block; width:100%; height:83px; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r1{ float:left; width:10%; margin-left:4%; margin-top:12px;}
.index1_r2{ float:left; width:100%; height:33px; line-height:34px; font-size:18px; font-family:"Arial"; color:#444; border-bottom:1px solid #c5c5c5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r3{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r4{ float:left; width:78%; margin-left:4%; text-align:left; margin-top:12px;}
.index1_r5{ float:left; width:100%; height:auto; max-height:50px; line-height:25px; padding:6px 0 0 0; font-size:16px; color:#444; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#f2f2f2; position:relative; z-index:1;}
.index1_r6{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_r li a:hover{ background:#28479d;}
.index1_r li a:hover .index1_r2{ color:#FFF; border-bottom:1px solid #FFF;}
.index1_r li a:hover .index1_r3{ color:#FFF;}
.index1_r li a:hover .index1_r5{ color:#FFF; background:#28479d;}
.index1_r li a:hover .index1_r6{ color:#FFF;}

.index_more{ display:block; margin:45px auto 0 auto; width:115px; padding-left:30px; height:33px; line-height:33px; text-align:left; font-size:14px; color:#FFF; background:url(../images/index2.png) 97px center no-repeat #28478f; clear:both; border:1px solid #28478f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_more:hover{ background:url(../images/index2_1.png) 97px center no-repeat #FFF; color:#28478f;}

.index2{ width:100%; overflow:hidden; background:url(../images/index3.jpg) top center no-repeat; background-size:auto 575px;}
.index2_1{ width:1024px; margin:0 auto; overflow:hidden; padding:91px 0 0 0;}
.index2_2{ width:100%; overflow:hidden;}
.index2_2 li{
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index2_2 li:nth-child(3n-2){ float:left; width:29.66%; height:242px;}
.index2_2 li:nth-child(3n-1){ float:left; width:40.68%; height:242px;}
.index2_2 li:nth-child(3n){ float:left; width:29.66%; height:242px;}

.index2_3_1{ width:90%; overflow:hidden; text-align:left;}
.index2_3_2{ width:100%; font-size:40px; color:#FFF; font-family:"Arial"; font-weight:bold;}
.index2_3_3{ width:100%; font-size:30px; color:#FFF; font-family:"Arial";}
.index2_3_4{ width:100%; font-size:20px; color:#FFF; margin:20px 0;}

.index2_4_1{ display:block; width:85%; overflow:hidden; text-align:left;}
.index2_4_2{ width:100%; color:#ffe671; font-size:20px; font-weight:bold; line-height:26px;}
.index2_4_2 span{ color:#FFF; font-weight:normal;}
.index2_4_3{ width:100%; color:#bcc1d0; font-size:16px; line-height:26px; height:78px; overflow:hidden; margin-top:15px;}
.index2_4_4{ width:22px; height:22px; background:url(../images/index2.png) no-repeat; margin-top:15px;}
.index2_4_5{ width:22px; height:22px; background:url(../images/index2_2.png) no-repeat; margin-top:15px;}

.index2_5_1{ display:block;}

.font_000{ color:#000 !important;}
.font_7c7c7c{ color:#7c7c7c !important;}

.index3{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding-bottom:270px; padding-top:100px;}
.index3_1{ width:1024px; margin:0 auto; overflow:hidden; -webkit-box-shadow:0px 3px 15px #e9e9e9; -moz-box-shadow:0px 3px 15px #e9e9e9; box-shadow:0px 3px 15px #e9e9e9;}
.index3_1 li{ float:left; width:18.5%; overflow:hidden; padding:60px 0; background:url(../images/index8.jpg) right center no-repeat; text-align:left; padding-left:6.5%;}
.index3_1 li:nth-child(4){ background:none;}
.index3_1 li:nth-child(1){ width:21%; padding-left:4%;}
.index3_2{ font-size:18px; color:#444444;}
.index3_3{ font-size:50px; color:#28478f;}
.index3_3 .span1{ font-size:14px; color:#444444;}
.index3_4{ width:100%; overflow:hidden; margin-top:100px;}
.index3_5{ font-size:24px; color:#444444; line-height:24px;}
.index3_6{ font-size:18px; color:#444444; line-height:18px; margin-top:15px;}
.index3_7{ width:1024px; margin:30px auto 0 auto; font-size:16px; color:#444; line-height:36px;}
.index3_8{ width:100%; overflow:hidden;}

.index4{ width:100%; overflow:hidden; padding:85px 0 60px 0;}
.index4_1{ width:100%; overflow:hidden;}
.index4_2{ width:100%; font-size:26px; color:#444; line-height:26px;}
.index4_3{ width:100%; font-size:14px; color:#999; font-family:"Arial"; line-height:14px; margin-top:12px;}

.swiper-container1 {
	width: 1014px;
	height: auto;
	margin:50px auto 0 auto;
	padding:10px 5px;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ border:1px solid #e7e7e7; display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-container1 .swiper-slide a img{ display:block; width:100%;}
.swiper-container1 .swiper-slide a:hover{ -webkit-box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; box-shadow:0px 1px 5px #ccc; border:1px solid #FFF;}
.swiper-container1 .swiper-slide:hover{ z-index:10;}

.swiper-container1 .swiper-pagination1{ margin-top:50px;}
.swiper-container1 .swiper-pagination-bullet{ background:#28478f; width:14px; height:14px; margin:0 10px !important;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#c40b1c;}

.footer{ width:100%; overflow:hidden;}

.footer_t{ width:100%; overflow:hidden; background:#f7f7f7; padding:60px 0;}
.footer_t1{ width:1024px; margin:0 auto; overflow:hidden;}
.footer_t2{ width:1px; height:26px; background:#dedede; margin:0 auto;}
.footer_t3{ font-size:26px; color:#28478f; font-weight:bold; line-height:26px; margin-top:8px;}
.footer_t4{ font-size:16px; color:#999999; line-height:16px; margin:13px auto 20px auto;}
.footer_t5{ width:100%; overflow:hidden;}
.footer_t5 li{ float:left; min-height:50px; margin-top:30px; text-align:left; padding-left:5.83%; font-size:15px; color:#666; line-height:25px;}
.footer_t5 li:nth-child(1){ background:url(../images/footer1.png) left top no-repeat; width:31.5%;}
.footer_t5 li:nth-child(2){ background:url(../images/footer2.png) left top no-repeat; width:24.1%;}
.footer_t5 li:nth-child(3){ background:url(../images/footer3.png) left top no-repeat; width:26.9%;}

.footer_m{ width:100%; overflow:hidden; background:#28478f; padding:35px 0 15px 0;}
.footer_m1{ width:1024px; margin:0 auto; overflow:hidden;}
.footer_m1 li{ float:left; width:20.8%; padding:0 2%; overflow:hidden; border-right:1px solid #3e5a9a; min-height:190px;}
.footer_m1 li:nth-child(1){ width:22.8%; padding:0 2% 0 0;}
.footer_m1 li:nth-child(4){ border-right:0; width:22.8%; padding:0 0 0 2%;}
.footer_m2{ float:left; width:100%; overflow:hidden; text-align:left; font-size:18px; color:#FFF; position:relative; line-height:18px; height:32px; margin-top:10px;}
.footer_m2 span{ position:absolute; left:0; bottom:0; display:block; width:40px; height:3px; background:#31a4db;}
.footer_m3{ float:left; width:100%; overflow:hidden; font-size:15px; color:#94a3c7; text-align:left; line-height:26px; margin-top:12px;}

.footer_b{ width:100%; overflow:hidden; background:#f7f7f7; padding:7px 0;}
.footer_b1{ font-size:14px; color:#444444; line-height:24px;}
.footer_b1 a{ color:#444444;}
.footer_b1 a:hover{ text-decoration:underline;}

/*about*/
.banner{ width:100%; height:399px; position:relative;}
.position_nav{ position:absolute; bottom:0; left:0; width:100%; height:58px; background:url(../images/position.png) repeat;}
.position_nav1{ width:1024px; margin:0 auto; overflow:hidden;}
.position_nav1 li{ float:left; margin-right:1px;}
.position_nav1 li a{ display:block; height:58px; line-height:58px; padding:0 50px; font-size:16px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.position_nav1 li .a_on{ background:#294995;}
.position_nav1 li a:hover{ background:#294995;}

.banner_mobile{ display:none;}

.position{ width:1024px; margin:0 auto; overflow:hidden; text-align:left; padding:50px 0 0 0;}
.position1{ width:100%; overflow:hidden; font-size:14px; color:#444444; line-height:24px;}
.position1 a{ color:#444444;}
.position1 a:hover{ text-decoration:underline;}
.position1 span{ color:#284893;}
.position2{ width:100%; font-size:28px; color:#2a489c; font-weight:bold; line-height:28px; margin-top:40px;}

.about1{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0 70px 0;}
.about1_1{ display:block; margin:0 auto;}
.about1_2{ width:100%; font-size:16px; color:#444444; line-height:30px; margin-top:15px;}
.about1_3{ width:100%; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:30px; padding:50px 0 35px 0;}
.about1_3 li{ float:left; width:24.33%; text-align:left; font-size:16px; color:#444444; padding:0 3% 0 6%; line-height:30px;}
.about1_3 li:nth-child(1){ background:url(../images/about4_1.png) left 8px no-repeat;}
.about1_3 li:nth-child(2){ background:url(../images/about4_2.png) left 12px no-repeat;}
.about1_3 li:nth-child(3){ background:url(../images/about4_3.png) left 12px no-repeat;}
.about1_4{ width:100%; overflow:hidden; margin-top:70px;}
.about1_5{ float:left; display:block; width:471px; height:265px;}
.about1_6{ float:right; text-align:left; width:500px; font-size:16px; line-height:30px;}
.about1_6 .span1{ color:#294797;}
.about1_6 img{ display:block; max-width:100%;}

.about2{ width:100%; overflow:hidden; background:#f2f2f2; padding:0 0 70px 0;}
.about2_1{ width:1000px; margin:0 auto; padding:70px 0; text-align:left; font-size:16px; color:#000; line-height:30px;}
.about2_1 .span1{ font-size:26px; color:#2a4890;}

.about3{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding:70px 0 310px 0;}
.about3_1{ width:1000px; margin:0 auto; text-align:left; font-size:16px; color:#000; line-height:30px;}
.about3_1 .span1{ font-size:26px; color:#2a4890;}

/*customer*/
.customer{ width:100%; overflow:hidden; background:url(../images/index9.jpg) bottom center no-repeat; padding:50px 0 310px 0;}
.customer1{ width:1024px; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:36px;}
.customer1 .span1{ font-size:26px; color:#2a4890;}
.customer1 .span2{ font-weight:bold; color:#294995;}
.customer1 img{ display:block; max-width:100%;}

/*contact*/
.contact{ width:100%; overflow:hidden; padding:60px 0 0 0;}
.map{ width:1024px; height:460px; margin:0 auto;}
.contact1{ width:1024px; margin:0 auto; padding:50px 0; font-size:16px; color:#444; text-align:left; line-height:36px;}

/*download*/
.download_out{ width:100%; overflow:hidden; padding-top:33px;}
.download{ width:1024px; margin:20px auto 0 auto; overflow:hidden;}
.download li{ float:left; width:100%; overflow:hidden; margin-top:6px;}
.download li a{ display:block; width:100%; height:60px; overflow:hidden; background:#f2f2f2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download1{ float:right; width:auto; overflow:hidden; margin-right:2%;}
.download2{ float:left; width:auto; height:60px; line-height:60px; font-size:16px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download3{ float:left; width:100%; height:22px; line-height:22px; font-size:14px; font-family:"Arial"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download4{ float:left; width:80%; margin-left:2%; text-align:left; margin-top:0; position:relative; height:60px;}
.download5{ float:left; width:100%; height:auto; line-height:60px; font-size:16px; color:#444; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#f2f2f2; position:relative; z-index:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.download li a:hover{ background:#28479d;}
.download li a:hover .download2{ color:#FFF;}
.download li a:hover .download3{ color:#FFF;}
.download li a:hover .download5{ color:#FFF; background:#28479d;}

.page{ width:100%; margin:0 auto; font-size:14px; color:#444; padding:60px 0 70px 0; line-height:20px;}
.page span{ display:inline-block; margin-top:10px; padding:0 6px;}
.page a{ display:inline-block; margin-top:10px; color:#444; padding:0 6px;}
.page a:hover{ background:#28479d; color:#FFF;}
.page span:hover{ background:#28479d; color:#FFF;}

/*downloadIn*/
.downloadIn{ width:100%; overflow:hidden;}
.downloadIn1{ width:1024px; margin:0 auto; overflow:hidden;}
.downloadIn2{ display:block; margin:50px auto 0 auto; width:698px; height:523px;}
.downloadIn3{ width:95%; overflow:hidden; font-size:20px; line-height:30px; color:#c80114; text-decoration:underline; background:url(../images/downloadIn2.png) left top no-repeat; padding-top:7px; text-align:left; margin-top:30px; padding-left:5%; cursor:pointer;}
.downloadIn4{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:36px; padding:40px 0 100px 0; border-bottom:1px solid #e5e5e5;}

.pageIn{ width:100%; text-align:left; font-size:16px; color:#444; padding:25px 0 70px 0;}
.pageIn1{ width:100%; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; line-height:26px; margin-top:15px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#2a489c;}
.pageIn1:hover a{ color:#2a489c;}

/*news*/
.news{ display:block; width:974px; margin:0 auto; overflow:hidden; background:#f2f2f2; padding:25px;}
.news1{ float:left; display:block; width:480px; height:261px;}
.news2{ float:right; width:470px; overflow:hidden; text-align:left;}
.news3{ width:100%; overflow:hidden; font-size:18px; color:#444; margin-top:30px; font-family:"Arial";}
.news3 span{ font-size:14px;}
.news4{ width:100%; height:30px; line-height:30px; font-size:22px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.news5{ width:100%; font-size:16px; color:#444; line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.news6{ float:left; margin-top:30px;}

/*newsIn*/
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ width:1024px; margin:0 auto; overflow:hidden;}
.newsIn2{ width:100%; overflow:hidden; font-size:22px; color:#2a4890; line-height:32px; margin-top:70px;}
.newsIn3{ width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; margin-top:15px;}
.newsIn4{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; text-align:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:40px 0 50px 0; margin-top:30px;}
.newsIn4 img{ display:block; max-width:100%; margin:0 auto;}

/*pro*/
.pro{ width:100%; overflow:hidden;}
.pro1{ width:1024px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
.pro1 li{ float:left; width:31.33%; overflow:hidden; border:1px solid #e5e5e5; margin:40px 0.9% 0 0.9%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1 li a{ display:block; width:100%; overflow:hidden; padding-bottom:35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:right top no-repeat;}
.pro2{ width:240px; height:202px; overflow:hidden; position:relative; margin:40px auto 0 auto;}
.pro2_1{ display:block; width:240px; height:202px;}
.pro2_2{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/pro6.png) repeat; filter:alpha(opacity:0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2_3{ width:15%; margin:120px auto 0 auto;}
.pro2_4{ width:90%; margin:20px auto 0 auto; font-size:20px; color:#FFF; line-height:30px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro3{ width:90%; margin:0 auto; overflow:hidden;}
.pro3_1{ width:100%; font-size:20px; font-weight:bold; color:#294995; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:25px;}
.pro3_2{ width:100%; font-size:16px; color:#666666; height:26px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:5px;}

.pro1 li:hover{ -webkit-box-shadow:0px 3px 15px #e9e9e9; -moz-box-shadow:0px 3px 15px #e9e9e9; box-shadow:0px 3px 15px #e9e9e9; border:1px solid #FFF;}
.pro1 li a:hover{ background:url(../images/pro7.png) right top no-repeat;}
.pro1 li a:hover .pro2_2{ filter:alpha(opacity:100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}

/*proIn*/
.proIn{ width:100%; overflow:hidden;}
.proIn1{ width:1024px; margin:0 auto; overflow:hidden;}
.proIn2{ display:block; margin:50px auto 0 auto; width:407px; max-width:100%;}
.proIn3{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:50px 0;}
.proIn4{ width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#294995; line-height:30px;}
.proIn5{ width:100%; overflow:hidden; font-size:16px; color:#666666; line-height:26px; margin-top:10px;}
.proIn6{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:50px 0; font-size:16px; color:#444444; line-height:36px; text-align:left;}
.proIn6 .span1{ color:#294995; font-weight:bold;}
.proIn6 img{ display:block; margin:0 auto; max-width:100%;}

}